<!-- En esta pagina web el administrador podrá gestionar los articulos de los 
    que dispone la tienda, no se ha considerado la opcion de eliminar los 
    productos, ya que al utilizar forinkeys o el producto se boora en cascada
    dando lugar a que se boore de la cesta de los clientes o no se elimina, 
    esto se solucionará en la siguiente version añadiendo la posibilidad de
    marcar el stock de un producto -->

<%@page import="Librerias.Conexion"%>
<%@page import="java.sql.ResultSet"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <LINK REL=StyleSheet HREF="CSS/StiloGestionarProductos.css" TYPE="text/css">
        <title>Gestion de los Productos</title>
        <script type="text/javascript" src="JavaScript/Funciones.js"></script>
    </head>
    <%  Conexion con = new Conexion(); %>
    <body>
        <form name="form_global" action="GestionarProductos">
            <input type="text" name="id" style="display:none;" value=""/>
        <h1>Gestion de los Productos</h1>
        
        <div id="contendor">
            <table border id="tabla">
                <tr>
                    <th>Producto</th>
                    <th>Categoria</th>
                    <th>Precio/Unidad</th>
                    <th>Imagen</th>
                    <th>Modificar</th>
                </tr>
                <%
                    con.Abrir();
                    ResultSet rs = con.Function("Select * from PRODUCTO");
                        while(rs.next()){ 
                            int id = rs.getInt("id");
                            String producto = rs.getString("nombre");
                            String categoria = rs.getString("categoria");
                            Double precio = rs.getDouble("precio");
                            String imagen = rs.getString("imagen");
                %>
                <tr>
                    <td><input type="text" name="nombre[<% out.print(id); %>]" value="<% out.print(producto); %>" disabled/></td>
                    <td><select disabled name="categoria[<% out.print(id);%>]">
                            <% String opcion="selected=\"selected\""; %>
                            <option <% if (categoria.equals("Alimentacion")){ out.print(opcion); }%>>Alimentacion</option>
                            <option <% if (categoria.equals("Herramientas")){ out.print(opcion); }%>>Herramientas</option>
                            <option <% if (categoria.equals("Drogueria")){ out.print(opcion); }%>>Drogueria</option>
                            <option <% if (categoria.equals("Prensa")){ out.print(opcion); }%>>Prensa</option>
                    </select></td>
                    <td><input type="text" value="<% out.print(precio); %>" disabled name="precio[<% out.print(id);%>]"/></td>
                    <td><input type="text" name="imagen[<% out.print(id); %>]" value="<% out.print(imagen); %>" disabled /></td>
                    <td>
                        <input type="button" name="boton[<% out.print(id); %>]" onclick="mostrar(this.form,<% out.print(id); %>)" name="mod" value="Modificar" enabled/>
                        <input type="submit" name="botonguardar[<% out.print(id); %>]" onclick="" name="mod" value="Guardar" style="display:none;"/>   <!-- misteriosamente si el style se mete en un css la funcion que hace que se muetre en el js no funciona -->     
                    </td>
                </tr>
                <% }   con.Cerrar();   %>
            </table>
            <br/>
        </div>
            <input type="button" onclick="location.href='GestionProductos.jsp'" name="Guardar" value="Deshacer / Cancelar modificaciones" style="display:none;"/>
        </form>
    </body>
</html>
